import * as React from 'react';

import FilterLink from '../../container/filterLink';
import { VisibilityFilters } from '../../types';


const Footer = () => (
  <>
    <span>Show: </span>
    <FilterLink filter={VisibilityFilters.SHOW_ALL}>
      All
    </FilterLink>
    <FilterLink filter={VisibilityFilters.SHOW_ACTIVE}>
      Active
    </FilterLink>
    <FilterLink filter={VisibilityFilters.SHOW_COMPLETED}>
      Completed
    </FilterLink>
  </>
)

export default Footer
